<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <script src="../js/rem.js"></script>
    <link rel="stylesheet"  type="text/css" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/productClass.css">
    <title>产品类别</title>
</head>
<body>  
    <!-- 导航 -->
    <div class="nav clearfix"></div>
    <!-- 背景图 -->
    <div class="prodcutClass-bg">
    </div>
    <!-- 产品 -->
    <div class="indexService indexCase">
        <div class="indexService-container animate__animated animate__fadeIn">
            <div class="container-title">
                <div style="color:black;">
                    <span>贩卖机</span>
                    丨 智能自动贩卖机
                </div>
                <!-- <div>特点：GSP规范，恒温恒湿，HIS、ERP对接，扫码枪、小票打印、处方留存，搭载专业售药软件 / 货道类型：药品专用货道、履带、推板、弹簧、悬挂等任选，可选升降云台取货 / 适销商品：各类药品</div> -->
            </div>
            <div class="content clearfix">
            </div>
        </div>
    </div>

    <div class="indexService indexCase function">
        <div class="indexService-container">
            <ul>
                <li>
                    <div class="iconfont icon-jiangbei"></div>
                    <div>行业龙头</div>
                </li>
                <li>
                    <div class="iconfont icon-lou"></div>
                    <div>源头厂家</div>
                </li>
                <li>
                    <div class="iconfont icon-xianlushichang"></div>
                    <div>药品专用货道</div>
                </li>
                <li>
                    <div class="iconfont icon-wendu"></div>
                    <div>恒温恒湿</div>
                </li>
                <li>
                    <div class="iconfont icon-duijie"></div>
                    <div>HIS对接</div>
                </li>
                <li>
                    <div class="iconfont icon-bingli"></div>
                    <div>GSP规范</div>
                </li>
                <li>
                    <div class="iconfont icon-yibaoka"></div>
                    <div>对接医保</div>
                </li>
                <li>
                    <div class="iconfont icon-yisheng"></div>
                    <div>远程问诊</div>
                </li>
                <li>
                    <div class="iconfont icon-jiankangma"></div>
                    <div>医生推荐码</div>
                </li>
                <li>
                    <div class="iconfont icon-wangguan"></div>
                    <div>会员体系</div>
                </li>
                <li>
                    <div class="iconfont icon-xiaochengxuduandianpu"></div>
                    <div>商城功能</div>
                </li>
                <li>
                    <div class="iconfont icon-immediatelyLoan"></div>
                    <div>多方分润</div>
                </li>
                <li>
                    <div class="iconfont icon-gongchang-yuncangku"></div>
                    <div>仓库进销存</div>
                </li>
                <li>
                    <div class="iconfont icon-chufang"></div>
                    <div>处方购药</div>
                </li>
                <li>
                    <div class="iconfont icon-Multi-window"></div>
                    <div>批号管理</div>
                </li>
                <li>
                    <div class="iconfont icon-youhui"></div>
                    <div>促销活动</div>
                </li>
            </ul>
        </div>
    </div>        

    <!-- 回到顶部 -->
    <ul class="top"></ul>

    <!-- 底部 -->
    <div class="footer"></div>

    <!-- 加载 nav footer 模块 -->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <script src="../js/common.js"></script>


    <script>

        function toDetail(id){
            window.open('./detail.html?id='+id)
        }

        function toBuy(url){
            window.open(url)
        }

        function getDeviceList(){
            $.ajax({
                type: "GET",
                url: "http://www.yingliyun.com:40511/indexController/findIndexDeviceList",
                dataType: 'JSON',
                success: function(data){
                    let arr = data.data.list
                    let str = ''
                    for(let i=0; i<arr.length;i++){
                        str += `
                            <div class="content-list">
                                <div class="list-img" onclick="toDetail('${arr[i].id}')">
                                    <img src="${arr[i].titleImg.split(',')[0]}" alt="" srcset="">
                                    <div class="mark"></div>
                                    <div class="loading">
                                        <img src="../img/images/bn7.png" alt="">
                                    </div>
                                    <div class="link iconfont icon-lianjie"></div>
                                </div>
                                <div class="product">
                                    <div class="productName">
                                        <div>
                                            <strong>机型：${arr[i].deviceType}</strong>
                                            <i>|</i>
                                            <span title="${arr[i].deviceName}">${arr[i].deviceName}</span>
                                        </div>
                                        
                                    </div>
                                    <div class="product-detail iconfont icon-youjiantou" onclick="toBuy('${arr[i].deviceUrl}')"></div>
                                </div>
                            </div>                                              
                            `
                    }

                    $('.content').append(str)

                },
                error: function(e){
                    alert(JSON.stringify(e));
                }
            })
        } 


        $(function(){
            getDeviceList()
        })
    </script>
</body>
</html>